<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title>Editor Test: LinkDialog Plugin</title>
	<style type="text/css">
		@import "../../themes/claro/document.css";
		@import "../css/dijitTests.css";
	</style>
	<script type="text/javascript" src="../../../dojo/dojo.js"
		data-dojo-config="parseOnLoad: true, isDebug: true"></script>

	<!-- required: a default dijit theme: -->
	<link id="themeStyles" rel="stylesheet" href="../../../dijit/themes/claro/claro.css"/>

	<script type="text/javascript" src="../_testCommon.js"></script>

	<script type="text/javascript">
		dojo.require("dijit.dijit"); // optimize: load dijit layer
		dojo.require("dijit.Editor");
		dojo.require("dijit._editor.plugins.LinkDialog");
		dojo.require("dijit._editor.plugins.ViewSource");
		dojo.require("dojo.parser");	// scan page for widgets and instantiate them
	</script>
</head>
<body class="claro">
	<div style="border: 1px dotted black;">
		<div id="editor" data-dojo-type="dijit/Editor" data-dojo-props='extraPlugins:["createLink", "insertImage", "viewSource"]'>
			<ol>
				<li>The LinkDialog plugin is an 'example' style plugin that shows how to insert basic web links as well as
				image tags.  This plugin is intended to guide users in writing their own, more complex, link and image handlers
				while still providing useful function.</li>
			</ol>
			<br>
			<div><a href="http://www.example.com/example.html" target="_top" id="exampleLink">This is an example link in the page.</a></div>
			<br>
			<br>
			<div><img src="./sample.jpg" alt="Sample Image" id="exampleImage" /></div>
			<br>
			<br>
		</div>
	</div>

	<p>RTL Editor:</p>
	<div style="border: 1px dotted black;">
		<div id="reditor" data-dojo-type="dijit/Editor" dir="rtl" data-dojo-props='extraPlugins:["createLink", "insertImage"]'>
			<ol>
				<li>The LinkDialog plugin is an 'example' style plugin that shows how to insert basic web links as well as
				image tags.  This plugin is intended to guide users in writing their own, more complex, link and image handlers
				while still providing useful function.</li>
			</ol>
			<br>
			<div><a href="http://www.example.com/example.html" target="_top" id="rexampleLink">This is an example link in the page.</a></div>
			<br>
			<br>
			<div><img src="./sample.jpg" alt="Sample Image" id="rexampleImage" /></div>
			<br>
			<br>
		</div>
	</div>
</body>
</html>
